<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>08jQuery事件3</title>
    <script src="../03jquery/js/jquery-3.6.0.js"></script>
    <script>
        // 2、事件处理（更多见API）
        // on(eve,[sel],[data],fn)   绑定多个事件
        // off(eve,[sel],[fn])       解绑多个事件
        $(function () {
            $("button").on("click dblclick mouseleave", function () {
                $("div").html($(this).html());
            })
        });
    </script>
</head>
<body>
<button>单击/双击/鼠标离开</button>

<div style="font-size: 3em"></div>
</body>
</html>